<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>项目案例三级页-1</title>
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/home.css" rel="stylesheet" />
		<link  href="images/favicon.png" rel="icon"/>
		<script type="text/javascript">
			function showImg() {
				document.getElementById("wxImg").style.display = 'block';
			}

			function hideImg() {
				docpmument.getElementById("wxImg").style.display = 'none';
			}
		</script>
		<style>
			#project-1 .nav ul .li1{
				border-bottom: 2px solid white;
				margin-bottom: 20px; 
			}
		</style>
	</head>

	<body id="project-1">
		<div class="project-1_box">
			<div class="box">
			<div class="top">
				<div class="head">
					
			<div class="back_top">
				<a href="#">
					<img src="images/top2.png" />
				</a>
			</div>
			<div class="messeage">
				<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes">
					<img src="images/Online.gif" />
				</a>
			</div>
					<div class="nav">
						<div class="logo fl">
							<a href="index.html">
								<img src="images/diansheLOGO.png" />
							</a>
						</div>
						<div class="tell fr">
							<a href="#">
								<img src="images/phone.png" />
							</a>
						</div>
						<ul class="fr">
							<li class="li1">
								<a href="project.html">案例</a>
							</li>
							<li>
								<a href="service.html">服务</a>
							</li>
							<li>
								<a href="about.html">关于</a>
							</li>
							<li>
								<a href="news.html">新闻</a>
							</li>
						</ul>
					</div>
				
				<div class="scroll-down scroll-down-Q myicon-angle-down">
						<img src="images/project-1_02.png" />
				</div>
				</div>
			</div>
			<div class="item_bg">
				<div class="txt">
				<h3>项目背景</h3>
				<p>Q+ 是针对优化电信4G用户线上+线下用户体验的需求而开发的掌上APP和智能终端机的功能平台。该项目主要用于电信sim卡的在线业务受理，方便快捷的办卡流程，省去了用户到营业厅排队办理避免了费时费力、繁杂的步骤，实现足不出户即可成功办理，并可直接到附近的取卡终端自助取卡的完美体验。</p>
				</div>
			</div>
			<div class="item_aim clearfix">
				<div class="aiml fl">
					<h3>项目目标</h3>
					<p>Q+应用主要是用于针对手机SIM卡的申请及办理，需用户上传身份照片（正反面和手持），通过运营商审核并选取SIM卡套餐付款后，可在软件中查询取卡机位置进行自助取卡，成功办理或邀请他人办理后可以获的积分奖励，换取上网流量，并可通过软件对手机号进行话费充值。</p>
				</div>
				<div class="aimr fl">
					<img src="images/project-1_03.jpg "/>
				</div>
			</div>
			<div class="item_inter">
				<div class="txt">
					<h3>交互原型</h3>
					<p>我们将Q+项目APP进行初步的需求分析以及功能点罗列，利用前期资料整理对各个页面进行了详细的交互可跳转低保真原型设计， 在满足需求的同时进行更深层次的挖掘，对各个功能点详细的分析测试，为视觉设计做好了铺垫。</p>
				</div>
				<div class="img clearfix">
				
					  <div class="tile fl">
					     <div class="text">
					      <h1>Interactive prototype</h1>
					      <img src="images/project-1_031.jpg">
					      <h2 class="animate-text">Conduct a preliminary Q+ project APP demand</h2>
					      <p class="animate-text">Finishing on each page in detail the interaction can jump the low fidelity prototype design using the preliminary data,
					      	 deeper at the same time to meet the demand, the function of each point of detailed analysis, paving the way for the visual design  </p>
					    </div>
					    <div class="dots"> <span></span> <span></span> <span></span> </div>
					  </div>
					<!--<div class="imgl fl"><img src="images/project-1_031.jpg "/></div>-->
					
					<div class="imgr fr"><img src="images/project-1_032.jpg "/></div>
				</div>
			</div>
			<div class="item_site">
				<div class="txt">
					<h3>随时随地办理</h3>
					<p>再也不用去电信营业厅排队办理手机的各项业务，包括选号、套餐办理、激活、充值等。Q的含义是取“桥”的首字母有连接之寓意，象征电信运营商在互联网+时代与广大用户之间无线而又有形的紧密连接。</p>	
				</div>
			</div>
			<div class="item_display">
				<div class="txt">
					<h3>视觉展示</h3>
					<p>设计以简洁风格为主，以模块化呈现便于操作。分类详细，用户一目了然，可根据自己的风格直达专题。 采用蓝色为主色，整体界面明亮轻快，给人一种轻快、舒爽之感</p>	
				</div>
				<div class="img">
					<!--<div class="img_cnt">
					<img src="images/project-1_20.png" />
					<img src="images/project-1_18.jpg" />
					<img src="images/project-1_17.jpg" />
					<img src="images/project-1_16.jpg" />
					<img src="images/project-1_15.jpg" />
					</div>-->
				</div>
			</div>
			<div class="item_icon">
				<div class="txt">
					<h3>图标设计</h3>
					<p>生活场景化的设计构想，在用户使用过程中，洋溢着一种青春激情的情感，焕发着每天都是新的一天，每天都有不一样的故事。</p>	
				</div>
				<div class="icon">
					<ul>
						<li>
							<img src="images/project-1_07.png" />
							<p>零排队，足不出户手机轻松办理SIM卡</p>
						</li>
						<li>
							<img src="images/project-1_08.png" />
							<p>轻松便捷，终端自助取卡</p>
						</li>
						<li>
							<img src="images/project-1_09.png" />
							<p>充话费，流量积分欢乐颂，流量免费拿</p>
						</li>
					</ul>
				</div>
			</div>	
			<div class="page clearfix">
				<div class="last fl">
					<a href="project.html" onMouseOver="d1.src='images/project-1_21.png'" onMouseOut="d1.src='images/project-1_11.png'">
						<img id="d1" src="images/project-1_11.png" class="fl" />
						<p class="fr">上一页</p>
					</a>
				</div>
				<div class="all fl">
					<a href="project.html">
						<img class="fl" src="images/project-1_13.png" />
						<p class="fr">查看全部案例</p>
					</a>
				</div>
				<div class="last fr">
					<a href="project-2.html" onMouseOver="d2.src='images/project-1_22.png'" onMouseOut="d2.src='images/project-1_14.png'">
						<p class="fl">下一页</p>
						<img id="d2" class="fr" src="images/project-1_14.png" />
					</a>
				</div>
			</div>
			</div>
			<div class="main_foot">
				<div class="foot clearfix">
					<div class="foot_logo fl">
						<a href="index.html"><img src="images/diansheLOGO.png" /></a>
						<p>设计和技术创造极致用户体验</p>
					</div>
					<div class="con fl">
						<ul class="list1">
							<h3>我们</h3>
							<li>
								<a href="#"	>服务项目</a>					
							</li>
							<li>
								<a href="#"	>关于我们</a>					
							</li>
							<li>
								<a href="#"	>新闻动态</a>					
							</li>
							<li>
								<a href="#"	>加入我们</a>					
							</li>
							<li>
								<a href="#"	>联系我们</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>案例</h3>
							<li>
								<a href="project.html"	>全部</a>					
							</li>
							<li>
								<a href="#"	>网站</a>					
							</li>
							<li>
								<a href="#"	>移动app</a>					
							</li>
							<li>
								<a href="#"	>桌面软件</a>					
							</li>
							<li>
								<a href="#"	>品牌及平面</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>方案</h3>
							<li>
								<a href="#"	>移动互联网</a>					
							</li>
							<li>
								<a href="#"	>在线金融</a>					
							</li>
							<li>
								<a href="#"	>传统企业转型</a>					
							</li>
							<li>
								<a href="#"	>医疗健康</a>					
							</li>
							<li>
								<a href="#"	>创业服务</a>					
							</li>
						</ul>
						<ul class="list1">
							<h3>发现</h3>
							<li>
								<a href="#"	>合作伙伴</a>					
							</li>
							<li>
								<a href="#"	>研究</a>					
							</li>
							<li>
								<a href="#"	>set point实验室</a>					
							</li>
							<li>
								<a href="#"	>留言板</a>					
							</li>
							<li>
								<a href="#"	>友情链接</a>					
							</li>
						</ul>
					</div>
					<ul class="list2 fl">
						<h3>商务合作</h3>
						<li>
							<a href="#"	>邮箱：hello@set point.cn</a>					
						</li>
						<li>
							<a href="#"	>手机：18813146300</a>					
						</li>
						<li>
							<a href="#"	>座机：（+86）010-57281080</a>					
						</li>
						<li>
							<a href="http://wpa.qq.com/msgrd?v=3&uin=643879871&site=qq&menu=yes"	>Q&nbsp;Q：94967751<img src="images/icon_10.jpg" />点击交谈</a>					
						</li>
						<li>
							<a href="#"	>地址：安徽合肥马鞍山路与南一环交叉口</a>					
						</li>
					</ul>
				</div>
				<li class="foot_bottom">
					<ul class="code">
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_05.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_06.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_07.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_08.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					<li>
						<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="images/icon_09.png" /></a>
						<div id="wxImg"><img src="images/erweima.jpg" /></div>
					</li>
					</ul>
					<p>Copyright © 2014-2017set pointer皖ICP备15000202号-5</p>
				</div>
			</div>
		
		</div>
	</body>

</html>